<template>
  <div class="index">
    <div class="top2"></div>
    <b-container>
      <div class="content">
        <b-row style="padding:8px;" align-h="center">
          <b-col cols="auto">
            <img slot="img" src="@/assets/img/me.jpg" alt style="width:300px; padding:8px;" />
          </b-col>
        </b-row>
		<br>
        <b-row style="padding:4px;">
          <b-col cols="auto" style="padding-right:0px">关于站长:</b-col>
          <b-col cols="auto">狗头西，80后男生，坐标南京；Python开发工程师，业余守门员，法斗控</b-col>
        </b-row>
        <b-row style="padding:4px;">
          <b-col cols="auto" style="padding-right:0px">建站主旨:</b-col>
          <b-col cols="auto">豆瓣和网易云音乐上的条目混乱，错误较多，AllMusic等权威网站为英文且大陆无法浏览，所以建此网站供乐迷查询参考</b-col>
        </b-row>
        <b-row style="padding:4px;">
          <b-col cols="auto" style="padding-right:0px">网站构架:</b-col>
          <b-col cols="auto">前端是BootstrapVue和Nuxt.js，后端是Django+Nginx，数据库是MySQL，使用Docker在腾讯云上布署</b-col>
        </b-row>
        <b-row style="padding:4px;">
          <b-col cols="auto" style="padding-right:0px">联系方式:</b-col>
          <b-col cols="auto">Email tanjiaxi1984@126.com，QQ 656082969</b-col>
        </b-row>
        <b-row style="padding:4px;">
          <b-col cols="auto" style="padding-right:0px">最喜欢的乐队:</b-col>
          <b-col cols="auto">Alvvays, Chromatics, Belle & Sebastian, Veronica Falls, Ride</b-col>
        </b-row>
        <b-row style="padding:4px;">
          <b-col cols="auto" style="padding-right:0px">最喜欢的歌手:</b-col>
          <b-col cols="auto">Jessie Ware</b-col>
        </b-row>		
        <b-row style="padding:4px;">
          <b-col cols="auto" style="padding-right:0px">最喜欢的唱片:</b-col>
          <b-col cols="auto" style="text-decoration: underline">
            <a
              href="https://www.douban.com/doulist/30223/"
              target="_blank"
              rel="noopener noreferrer"
            >站长的50张月球逃生唱片</a>
          </b-col>
        </b-row>
        <b-row style="padding:4px;">
          <b-col cols="auto" style="padding-right:0px">最喜欢的歌曲:</b-col>
          <b-col cols="auto">The Cure - Closedown, Veronica Falls - Veronica Falls, Chromatics - Back From The Grave</b-col>
        </b-row>
        <b-row style="padding:4px;">
          <b-col cols="auto" style="padding-right:0px">最喜欢的电影:</b-col>
          <b-col cols="auto">重庆森林, 寄生虫, 切腹</b-col>
        </b-row>
        <b-row style="padding:4px;">
          <b-col cols="auto" style="padding-right:0px">最喜欢的剧集:</b-col>
          <b-col cols="auto">
            <a
              href="https://movie.douban.com/subject/1865139/"
              target="_blank"
              rel="noopener noreferrer"
			  style="text-decoration: underline"
            >Freaks & Geeks</a>,
            <a
              href="https://movie.douban.com/subject/1474671/"
              target="_blank"
              rel="noopener noreferrer"
			  style="text-decoration: underline"
            >My So-Called Life</a>
          </b-col>
        </b-row>
      </div>
    </b-container>
  </div>
</template>

<script>
export default {
  head() {
    return {
      title: '关于站长 | 英伦留声机',
    };
  },
  data() {
    return {
      artistList: [],
    };
  },
  methods: {
    listArtist() {
      document.title = '关于站长 | 英伦留声机';
    },
  },
  mounted: function() {
    this.$store.dispatch('hideloader');
    document.title = '关于站长 | 英伦留声机';
  },
  watch: {
    $route() {},
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.content {
  font-family: Segoe UI, Microsoft Yahei, Verdana, Helvetica Neue, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #dddddd;
  padding: 5px;
  margin: 5px;
  background-color: rgba(0, 0, 0, 0.8);
}

.content a {
  color: #dddddd;
}
.content a:hover {
  color: #aaaaaa;
}
</style>

<style src="../assets/css/link.css"></style>
<style src="../assets/css/font.css"></style>


